html{width: 100%;height: 100%;}
body{}
.l-1{background: url(../assets/image/login_bg.png) no-repeat center;background-size: auto 100%;width: 100%;height: 100%;}
.r-1{width: 100%;height: 100%;position: relative;}
.r-2{width: 500px;margin: 0 auto;height: 532px;box-sizing: border-box;padding: 0 50px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);border-radius: 10px;box-shadow: 0 0 20px 5px rgba(0,0,0,0.2);background: url(../assets/image/login_bg1.png) no-repeat center;background-size: 100% 100%;background-position: -1px 0;}
.r-3{width: 150px;height: 150px;border-radius: 100%;margin: 0 auto;margin-top: -65px;position: relative;}
.r-3 img{width: 130px;height: 130px;position: absolute;border-radius: 100%;left: 74px;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);box-shadow: 0 0 15px 7px rgba(0,0,0,0.3);}
.r-4{border-bottom: 1px solid #cccccc;margin-top: 15px;height: 45px;font-size: 0;}
.r-4 li{display: inline-block;width: 160px;text-align: center;font-size: 16px;border-bottom: 3px solid transparent;padding-bottom: 20px;margin-right: 80px;}
.r-4 li:last-child{margin-right: 0;}
.r-4 li span{cursor: pointer;}
.r-4 li span:hover{color: #d81e06;}
.r-4 .active{color: #d81e06;border-color: #d81e06;font-weight: bold;}
.r-5 .r-6{display: none;}
.r-5 .r-6:first-child{display: block;}
.r-7{padding: 30px 12px;border-bottom: 1px solid #cccccc;}
.r-8{display: inline-block;vertical-align: middle;margin-right: 15px;width: 22px;height: 22px;}
.r-9{display: inline-block;vertical-align: middle;width: 220px;}
.r-9::-webkit-input-placeholder{color: #cccccc;letter-spacing: 2px;}
.r-9::-ms-input-placeholder{color: #cccccc;letter-spacing: 2px;}
.r-9::-moz-placeholder{color: #cccccc;letter-spacing: 2px;}
.r-10{height: 60px;line-height: 60px;background-color: #d81e06;color: white;width: 100%;border: none;font-size: 18px;letter-spacing: 2px;border-radius: 6px;margin-top: 35px;cursor: pointer;}
.r-11{margin-top: 25px;overflow: hidden;}
.r-12{color: #999999;float: left;}
.r-13{float: right;}
.r-14{color: #d81e06 !important;margin-right: 45px;}
.r-15{color: #161616 !important;}
.r-16{float: right;background-color: transparent;border: none;cursor: pointer;color: #d81e06;letter-spacing: 2px;}
.s-1{height: 700px;top: 55%;}
.s-2{margin-top: 30px;}
.s-3{padding: 25px 0;}
.s-4{color: #d81e06 !important;}
.s-5{margin-top: 15px;}
.s-6{text-align: center;margin-top: 30px;}
.s-6 a{color:  #d81e06 !important;}




.r-12 input[type=checkbox] {
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
    width: 15px;
    height: 15px;
    position: relative;
    top: 2.3px;
    border-radius: 4px;
    margin-right: 13px;
}

.r-12 input[type=checkbox]:after {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    content: " ";
    border: 1px solid #999999;
    color: #fff;
    display: inline-block;
    visibility: visible;
    box-sizing: border-box;
 /*   border-radius: 4px;*/
    background-color: white;
}

.r-12 input[type=checkbox]:checked:before {
    display: block;
    content: " ";
    width: 15px;
    height: 15px;
    background-color: white;
    background: url(../assets/image/choose.png) no-repeat center;
    position: relative;
    z-index:3;
}